<!DOCTYPE html>
<html class="x-admin-sm">
    <head>
        <meta charset="UTF-8">
        <title>品牌管理</title>
        {include file="public/link"}
    </head>
    <body>
        <div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
          <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
        </div>
        <div class="layui-fluid">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body ">
                            <form class="layui-form layui-col-space5">
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input"  autocomplete="off" placeholder="开始日" name="start" id="start">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input class="layui-input"  autocomplete="off" placeholder="截止日" name="end" id="end">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <input type="text" name="username"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-inline layui-show-xs-block">
                                    <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-header">
                            <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
                            <button class="layui-btn" onclick="xadmin.open('添加用户','./add.html',600,400)"><i class="layui-icon"></i>发布新项目</button>
                        </div>
                        <div class="layui-card-header" style="height: 100%;">
                            <a href="{:url('admin/item/index')}?cate_pid=0"><button class="{if $cate_pid == 0}layui-btn-danger{/if} layui-btn">全部</button></a>
                            {foreach $cate as $key => $value}
                            <a href="{:url('admin/item/index')}?cate_pid={$value.id}"><button class="{if $cate_pid == $value.id}layui-btn-danger{/if} layui-btn">{$value.name}</button></a>
                            {/foreach}
                            <br>
                            {if $cateChild }
                            <a href="{:url('admin/item/index')}?cate_pid={$cate_pid}&cate_id=0"><button class="{if $cate_id == 0}layui-btn-danger{/if} layui-btn">全部</button></a>
                            {/if}
                            {foreach $cateChild as $key => $value}
                            <a href="{:url('admin/item/index')}?cate_pid={$cate_pid}&cate_id={$value.id}"><button class="{if $cate_id == $value.id}layui-btn-danger{/if} layui-btn">{$value.name}</button></a>
                            {/foreach}
                        </div>
                        <div class="layui-card-body layui-table-body layui-table-main">
                            <table class="layui-table layui-form">
                                <thead>
                                  <tr>
                                    <th>
                                      <input type="checkbox" lay-filter="checkall" name="" lay-skin="primary">
                                    </th>
                                    <th>ID</th>
                                    <th>标题</th>
                                    <th>所属分类</th>
                                    <th>所属分类</th>
                                    <th>链接地址</th>
                                    <th>发布时间</th>
                                    <th>浏览量</th>
                                    <th style="width: 50px;">排序</th>
                                    <th width="100">推荐</th>
                                    <th>操作</th>
                                  </tr>
                                </thead>
                                <tbody>
                                {foreach $data as $key => $value}
                                <tr>
                                    <td>
                                      <input type="checkbox" name="id" value="1"   lay-skin="primary"> 
                                    </td>
                                    <td>{$value.id}</td>
                                    <td>{$value.title}</td>
                                    <td>{$value.pname}</td>
                                    <td>{$value.cname}</td>
                                    <td>{$value.url}</td>
                                    <td>{$value.addtime}</td>
                                    <td>{$value.read_num}</td>
                                    <td>
                                        <input type="text" class="layui-input x-sort" name="order" id="{$value.id}" value="{$value.order}" onblur="order('{$value.id}')" >
                                    </td>
                                    <td>
<div onclick="recoToIndex(this,'{$value.id}','{$value.reco_index}')" class="layui-unselect layui-form-switch {if $value.reco_index == 0}layui-form-onswitch{/if}" lay-skin="_switch"><em>{if $value.reco_index == 0}设为推荐{else/}取消推荐{/if}</em><i></i></div>
                                    </td>
                                    <td class="td-manage">
                                        <a title="编辑"  onclick="xadmin.open('编辑','./edit.html?id={$value.id}',800,600)" href="javascript:;">
                                            <i class="layui-icon">&#xe642;</i>
                                        </a>
                                        <a title="删除" onclick="del(this,'{$value.id}')" href="javascript:;">
                                            <i class="layui-icon">&#xe640;</i>
                                        </a>
                                    </td>
                                </tr>
                                {/foreach}

                                </tbody>
                            </table>
                        </div>
                        <div class="layui-card-body ">
                            <div class="page">
                                <div>
                                  {$page}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </body>
    <script>
      layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var  form = layui.form;


        // 监听全选
        form.on('checkbox(checkall)', function(data){

          if(data.elem.checked){
            $('tbody input').prop('checked',true);
          }else{
            $('tbody input').prop('checked',false);
          }
          form.render('checkbox');
        }); 
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });


      });

       /*推荐到首页-推荐*/
      function recoToIndex(obj,id,reco){
          console.log('obj',obj);
          console.log('this',this);
          console.log('id',id);
          console.log('reco',reco);
          $.ajax({
              type: "POST",
              url: "{:url('admin/item/modify')}",
              data:{
                  'id':id,
                  'data':reco,
                  'type':1

              },
              success: function(data){
                  if(data.code == 200){
                      if(reco  == 1){
                          $(obj).attr("onclick","recoToIndex(this,"+id+","+0+")");
                          $(obj).children('em').html('设为推荐');
                          $(obj).addClass('layui-form-onswitch');
                      }else{
                          $(obj).attr("onclick","recoToIndex(this,"+id+","+1+")");
                          $(obj).children('em').html('取消推荐');
                          $(obj).removeClass('layui-form-onswitch');
                      }
                      layer.msg('修改成功',{icon:6});
                  }else{
                      layer.msg('内部错误',{icon:5});
                  }
              }
          });
      }

      /*用户-删除*/
      function del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              console.log('id',id);
              $.ajax({
                  type: "POST",
                  url: "{:url('admin/item/modify')}",
                  data:{
                      'id':id,
                      'type':3
                  },
                  success: function(data){
                      console.log('data',data);
                      if(data.code == 200){
                          $(obj).parents("tr").remove();
                          layer.msg('已删除!',{icon:1,time:1000});
                      }else{
                          layer.msg('内部错误!',{icon:2,time:1000});
                      }
                  }
              });
          });
      }



      function delAll (argument) {
        var ids = [];

        // 获取选中的id 
        $('tbody input').each(function(index, el) {
            if($(this).prop('checked')){
               ids.push($(this).val())
            }
        });
  
        layer.confirm('确认要删除吗？'+ids.toString(),function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
      //排序
      function order(id) {
          var num = $("#"+id).val();
          console.log('num',num);
          //ajax 请求修改接口
          $.ajax({
              type: "POST",
              url: "{:url('admin/item/modify')}",
              data:{
                  'id':id,
                  'data':num,
                  'type':2
              },
              success: function(data){
                  console.log('return ',data);
                  if(data.code == 200){
                      layer.alert('success');
                      //刷新父级页面
                      // xadmin.father_reload();
                  }else{
                      layer.alert('error');
                  }
              }
          });
      }
    </script>
</html>